<!DOCTYPE html>
<html style="padding-top: 0px;">

	<head>
		<meta charset="utf-8" />
		<title>组织架构</title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/Oganization.css" />
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/treeview/jquery.treeview.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>
	<style type="text/css">
		.add_department_content p {
			font-size: 30px;
			text-align: center;
		}
	</style>

	<body style="padding-top: 0px!important;">
		<div class="Oganization_web commons commons_son">
			<!--导航栏-->
			<!--内容-->
			<div class="content" style="margin-top: 5.5%!important;">
				<div class="layui-tab layui-tab-card">
					<ul class="layui-tab-title">
						<li class="layui-this user_admin">用户管理</li>
						<li class="hide ogani_admin" data-type="ogani_content">组织架构</li>
					</ul>
					<div class="layui-tab-content">
						<!--用户管理-->
						<div class="layui-tab-item user_content layui-show" style="overflow-y: auto;">
							<div class="con layui-form">
								<div class="layui-form-item">
									<div class="layui-inline">
										<label class="layui-form-label">部门查看：</label>
										<div class="layui-input-inline">
											<select class="add_user_department" name="quiz1" id="seach_department">
											</select>
										</div>
									</div>
									<div class="layui-inline">
										<label class="layui-form-label">名称：</label>
										<div class="layui-input-inline">
											<input id="userName_val" type="text" name="name" lay-verify="required|phone" autocomplete="off" class="layui-input">
										</div>
									</div>
									<button class="layui-btn layui-btn-radius keydown_search" data-type="reload_sbm"><i class="layui-icon">&#xe615;</i>&nbsp;&nbsp;搜索</button>

									<ul id="add_btn" class="con layui-nav" style="margin-left: 105px;">
										<li class="layui-nav-item add_department_btn hide" data-type='add_department'>
											<a style="color: white;"><i class="layui-icon">&#xe654;</i>添加部门</a>
										</li>
										<li class="layui-nav-item hide add_position_btn" data-type="add_position">
											<a style="color: white;"><i class="layui-icon">&#xe654;</i>添加岗位</a>
										</li>
										<li class="layui-nav-item" data-type="add_Users">
											<a style="color: white;"><i class="layui-icon">&#xe654;</i>添加用户</a>
										</li>
									</ul>
								</div>
							</div>
							<table id="LAY_table_userAdmin" lay-filter="userAdmin"></table>
							<script type="text/html" id="barDemo1">
								<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
								<a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
							</script>
							<div id="revision" class="content" style="padding: 0px!important;margin: 0px!important;overflow-x: hidden;">
								<form class="layui-form" action="" lay-filter="example">
									<table class="layui-table">
										<tbody>
											<tr>
												<td class="tdleft">用户名：</td>
												<td><input id="edit_name" class="con" type="text" name="name" value=""></td>
											</tr>

											<tr>
												<td class="tdleft">修改密码请输入：</td>
												<td><input class="con" type="password" name="password" id="edit_password" value=""></td>
											</tr>
											<tr>
												<td class="tdleft">用户类别：</td>
												<td>
													<select id="edit_user_type" name="interest" lay-filter="aihao">
														<!-- <option value="2">员工</option>
														<option value="3">新员工</option> -->
													</select>
												</td>
											</tr>
											<tr>
												<td class="tdleft">帐号状态0：</td>
												<td>
													<select id="status_num" name="status">
														<!-- <option value="1">已激活</option>
														<option value="2">未激活</option>
														<option value="3">停用</option> -->
													</select>
												</td>

											</tr>
											<tr>
												<td class="tdleft">部门&nbsp;<span style="color:red;">*</span>：</td>
												<td>
													<select id="edit_department" lay-filter="edit_departmentVal" lay-search="">
													</select><span class="required"></span>
												</td>
											</tr>
											<tr>
												<td class="tdleft">岗位&nbsp;<span style="color:red;">*</span>：</td>
												<td>
													<select id="edit_position" disabled="disabled">
													</select><span class="required"></span>
												</td>
											</tr>
											<tr>
												<td class="tdleft">性别</td>
												<td id="sex_demo">
													<!-- <input id="boy" type="radio" name="sex" value="1" title="男">
													<input id="girl" type="radio" name="sex" value="2" title="女">
													<input id="Donkown_" type="radio" name="sex" value="0" title="未知"> -->
												</td>
											</tr>
											<tr>
												<td class="tdleft">坐席地区&nbsp;：</td>
												<td>
													<select name="zxhdq" id="zxhdq">
														<!--<option value="1">七陌</option>
														<option value="2">华翔</option>-->
													</select>

												</td>
											</tr>
											<tr>
												<td class="tdleft">坐席号&nbsp;：</td>
												<td><input id="zxh" class="con" name="zxh" type="text" value=""></td>
											</tr>
											<tr>
												<td class="tdleft">工号&nbsp;：</td>
												<td><input id="word_num" class="con" name="zxh" type="text" value=""></td>
											</tr>
											<tr>
												<td class="tdleft">坐席楼层&nbsp;：</td>
												<td>
													<select style="border-radius: 5px;" name="floor" id="floor">
														<!-- <option value="3">3楼</option>
														<option value="4">4楼</option>
														<option value="6">6楼</option> -->
													</select>

												</td>
											</tr>
										</tbody>
									</table>
								</form>
							</div>
							<!--</div>-->
						</div>
						<!--组织架构-->
						<div class="layui-tab-item ogani_content">
							<!--上下级关系-->
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<div class="layui-form" id="tests"  style="display: none;">
			<div id="xtree1" style="height: 60vh" class="xtree_contianer"></div>
		</div>
	</body>
	<!--授权弹出层-->
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="Jqtree/jquery.treeview.js" type="text/javascript" charset="utf-8"></script>
	<script src="Jqtree/jquery.treeview.edit.js" type="text/javascript" charset="utf-8"></script>
	<script src="Jqtree/jquery-ui-1.10.0.custom.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/Oganization.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layui-xtree.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('.Oganization_header').addClass('layui-this');
	</script>

</html>